﻿<!DOCTYPE html>
<html>
	<head>
		<title>轨道球</title>
		<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="stylesheet/index.css">
		<script type="text/javascript" src="javascript/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="javascript/index.js"></script>
		<script type="text/javascript">
			$(function() {
				/*
					TrackBall设置参数
					pots;			//曲线参数
					lineLen;		//线段长度
					lineDis;		//线段间距
					ballNum;		//移动球数量	
					speed;			//移动速度
					flowSpeed;		//流动速度
					ballId;			//移动球位置					
					moveCirStyle;	//移动球样式
					lineStyle;		//线段样式
					cirStyle;		//轨道点样式
					callback;		//到达轨道点回调函数														
				*/
				var trackBall = new TrackBall({
					container: $('#trackBall'),
					pots: [
						{
							p0: 170,
							p1: 80,
							p2: 80,
							p3: 170,
							width: '100%'
						}					
					],
					ballId: 0,
					ballNum: 5,
					speed: 5,
					callback: function(id) {
						
					}
				});
			});
		</script>
	</head>
	<body>
		<div id="trackBall" class="trackBall"></div>
	</body>
</html>